{include file="common/meta" /}
<link href="/assets/home/css/recharge.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/assets/home/css/style.css" type="text/css" />
<title>充值</title>

<div class="column_box" >充值帐号
	<div class="border_top"></div>
    <p>15065431863</p>
    <div class="border_bottom"></div>
</div>
<!--充值金额-->
<div class="money_box">
	<h1>选择充值金额&nbsp;&nbsp;&nbsp;&nbsp;<span>（100起充）</span></h1>
    <div>
    <div class="money choose" style="background-image:url(images/recommend.png)">500</div>
    <div class="money">100</div>
    <div class="money">200</div>
    <input placeholder="其他" type="number">
    </div>
    <div class="clearfix"></div>
    <div class="first">首次充值
    	<div class="border_top" style="left:-180%;"></div>
        <div class="border_top" style="right:-180%;left:inherit"></div>
    </div>
    <p>充100&nbsp;&nbsp;&nbsp;&nbsp;送100</p>
    <div class="border_bottom"></div>
</div>

<!--推荐人手机号-->
<div class="column_box" style="margin-top:14px; margin-bottom:100px;">
	<div class="border_top"></div>
	<h1 class="phone">推荐人手机号</h1>
	<input placeholder="输入推荐人手机号">
    <div class="border_bottom"></div>
</div>
<!--立即充值-->
<div class="confirm_box">
	<div class="confirm" style="background-color: #674c3b;" onclick="document.location='./recharge-complete.html';">立即充值</div>
</div>
<script>
//隐藏赠送明细
$(".text").hide();
//隐藏套餐列表
$(".setmeal_box").hide();
//点击下拉按钮、显示赠送明细
$(".down").click(
	function(){
		$(".text").hide();
		$(this).siblings(".text").show();
		$(".down").show();
		$(this).hide();
		}
)
//点击收起按钮，隐藏赠送明细
$(".up").click(
	function(){
		$(this).siblings(".text").hide();
		$(this).siblings("img").show();
		}
)
//选择金额，改变所选金额样式
$(".money").click(
	function(){
		$(".money_box input").css("border","1px solid #ccc");
		$(this).addClass("choose").siblings().removeClass("choose");
		$(".setmeal_box").hide();
		}
)
//选择其他金额，显示金额输入框
$(".money_box input").click(
	function(){
		$(this).css("border","1px solid #01aff0");
		$(this).siblings().removeClass("choose");
		$(".setmeal_box").show();
		$(".money_box input").show();
		}
)
</script>
</body>
</html>

